<script setup>
const okBack = () => {
  uni.navigateBack()
}
</script>

<template>
  <view class="navbar" :style="{background: `rgba(232, 57, 47, 0`}">
    <up-status-bar></up-status-bar>
    <view class="back_content">
      <view style="padding-left: 10rpx;"></view>
      <view @click="okBack" style="padding: 20rpx;z-index: 100">
        <up-icon name="arrow-left"
                 color="black"
                 size="16"></up-icon>
      </view>
      <text
          style="font-weight: 400;font-size: 28rpx;line-height: 44px;height:44px;position: absolute;width: 100%;text-align: center;color: #000000">
        分享海报
      </text>
    </view>
  </view>
</template>

<style scoped lang="scss">
.navbar {
  position: fixed;
  z-index: 1000;
  width: 100%;

  .back_content {
    display: flex;
    align-items: center;
    height: 44px;
  }
}
</style>